// =============================================================================
// SCSS/SITE/STACKS/ETHOS/_ADMINBAR.SCSS
// -----------------------------------------------------------------------------
// Styles for when the WordPress Admin Bar is active.
// =============================================================================

// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   01. Admin Bar
//   02. Fixed Navbar
//   03. Widgetbar
// =============================================================================

// Admin Bar
// =============================================================================

html body #wpadminbar {
  z-index: 99999 !important;
}



// Fixed Navbar
// =============================================================================

.admin-bar {
  .x-navbar-fixed-top,
  .x-navbar-fixed-left,
  .x-navbar-fixed-right {
    top: 32px;
    @include break(cubs) {
      top: 0;
    }
  }
}



// Widgetbar
// =============================================================================

.admin-bar {
  .x-widgetbar     { top: 30px; }
  .x-btn-widgetbar { top: 32px; }

  @media screen and (max-width: 782px) {
    .x-widgetbar     { top: 44px; }
    .x-btn-widgetbar { top: 46px; }
  }
}